<template>
    <document-tab  :tab-list="myTabList" default-active-name="tongxunlu">
        <template slot-scope="{item}">
            <useful v-if="item.name=='yellowpages'"></useful>
            <address-book v-else-if="item.name=='tongxunlu'"></address-book>
            <my-group v-else></my-group>
        </template>
    </document-tab>
</template>
<script>
    import DocumentTab from "@/components/Common/DocumentTab";
    import AddressBook from "./AddressBook";
    import Useful from "./Useful";
    import MyGroup from "./MyGroup";
    export default {
        components: {MyGroup, Useful, AddressBook, DocumentTab},
        data() {
            return {
                myTabList: [
                    {
                        label: "通讯录",
                        name: "tongxunlu",
                        visible:true
                    },
                    {
                        label: "常用电话",
                        name: "yellowpages",
                    },
                    {
                        label: "我的群组",
                        name: "mygroup",
                    }]
            }
        }
    }
</script>
<style lang="scss" scoped>
</style>
